<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="isperp" uri="/WEB-INF/tlds/isperp.tld"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<style type="text/css">
#processImageDiv div.flowNode {
	cursor: pointer;
}

#processRunTb  td {
	border: 1px solid #bababa !important;
	padding: 6px 2px;
}

#processRunTb  #processRunTr .td1 {
	font-weight: 700
}
</style>
<img alt="流程定义" src="<%=request.getContextPath() %>/workflow/processDefinition/processImage/${processDefId }" >
<div id="processImageDiv"
	style="position: relative;background:url('workflow/processDefinition/processImage/${processDefId }')  no-repeat;width:100%;height:100%;">
</div>


<isperp:buttonList buttonListId="traceBtns"></isperp:buttonList>
<script type="text/javascript">
	$("#processImageDiv div.flowNode").each(function(index, item) {
		var $e = $(item);
		var type = $e.attr("type");
		var nodeId = $e.prop("id");
		var name = $e.prop("title");
		var processDefinitionId = "${processDefinition.id }";
		if ($("#div" + nodeId).length > 0) {
			$e.attr("title", "<table class='form-table' style=';width:600px'><tr>" + $("#processRunTr").html() + "</tr><tr>" + $("#div" + nodeId).html() + "</tr></table>");
			$e.tipsy({
				html : true
			});
			$e.addClass("tooltip");
		}

	});
</script>